<template>
 <div class="checkVerified" >
    <ul  class="list" >
      <!-- 下面的标题请加入语言包 lang[somekey] ,value=您的身份信息已通过认证, 您的身份信息已通過認證 ,Your identity has been Verified-->
      <li><h3 class="title">{{lang['basic identity information authenticated']}}</h3></li>
      <li>
        <label>{{lang['CountryofCitizenship']}}</label>
        <p>{{countryType}}</p>
      </li>
      <li v-show="certIfonList.CertType === 2">
        <label>{{lang['name']}}</label>
        <p>{{certIfonList.FirstName}}</p>
      </li>
      <li v-show="certIfonList.CertType === 2">
        <label>{{lang['surname']}}</label>
         <p>{{certIfonList.LastName}}</p>
      </li>
      <li v-show="certIfonList.CertType === 1">
        <label>{{lang['surnameAndPersonalName']}}</label>
        <p>{{certIfonList.FullName}}</p>
      </li>
      <li>
        <label>{{lang['id Type']}}</label>
        <p>
          <font v-show="certIfonList.CertType === 2">{{lang['passport']}}</font>
          <font v-show="certIfonList.CertType === 1">{{lang['national ID Card']}}</font>
        </p>
      </li>
      <li>
        <label>{{lang['IdNumber']}}</label>
        <p>{{certIfonList.CertNum}}</p>
      </li>
    </ul>

</div>
</template>
<script>
export default {
  props: [
    'lang',
    'countryType',
    'certIfonList'
  ],
  data () {
    return {

    }
  },
  components: {

  },
  watch: {

  },
  methods: {

  },
  mounted () {

  }
}
</script>

<style lang="less">

.checkVerified {
  background: #1A1F2B;
  padding-bottom: 20px;

  .list {
    width: 420px;
    margin: 0 auto;
    li {
      position: relative;
      label {
        display: block;
        padding: 15px 10px 5px;
        height: 20px;
        line-height: 20px;
        color: #fff;
      }
      p {
        padding: 0 10px;
        width: 100%;
        height: 40px;
        line-height: 40px;
        border-radius: 2px;
        box-sizing: border-box;
        background-color: #2A3440;
        color: #fff;
      }
      h3 {
           font-size:1rem;
           text-align:center;
           color:#fff;
           padding-top:1.825rem;
      }
    }
  }
}

</style>
